<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="fonts/iconfont.css">
</head>

<body>
	<!-- 手机状态 -->
	<!-- <div id="head"></div> -->
	<!-- 标题 -->
	<header id="header">
		<div class="return">
			<span class="iconfont iconleft-arrow"></span>
		</div>
		<div class="hd_content clearfix">
			<span class="iconfont iconanquan fl"></span>
			<span class="fl">请假详情</span>
		</div>
		<div class="couple">
			<a href="">反馈</a>
		</div>
	</header>

	<!-- 信息模块 -->
	<div id="choose">
		<div class="information"><span class="current">请假信息</span></div>
		<div class="erweima"><span>核验二维码</span></div>
	</div>

	<!-- 如何销假/验证请假单 -->
	<div id="cancel">
		<div class="info-box clearfix">
			<img src="imgs/pic2.png" alt="" class="fl">
			<span>如何销假？</span>
		</div>
		<div class="ewm-box">
			<span>请出示专属二维码，用于验证请假单真伪</span>
		</div>
	</div>

	<!-- 休假中 -->
	<div id="holiday" class="clearfix">
		<div class="box">
			<img src="imgs/pic3.png" alt="">
			<span>审批已通过</span>
		</div>
		<div class="self fr">
			<!-- <span>个人信息</span>
			<span>></span> -->
			<span class="dp-mine">个人信息 ></span>
		</div>
		<div class="ing">
			<p>正在休假中</p>
		</div>
	</div>

	<!-- 倒计时 -->
	<div id="time">
		<div class="timer"></div>
	</div>

	<!-- 请假类型 -->
	<div id="type">
		<div class="info">
			<em><span>请假类型：</span>事假</em>
			<em><span>需要离校：</span>离校</em>
		</div>
		<div class="info">
			<em><span>销假规则：</span>离校请假需要销假，非离校请假无需销假</em>&nbsp;
			<span class="dp-explain">查看 ></span>
		</div>
		<div class="info">实际休假时间：<em>-</em></div>
	</div>

	<!-- 间隔 -->
	<div class="jiange"></div>

	<!-- 我的申请 -->
	<div id="application">
		<h6>我的 请假申请</h6>
		<ul>
			<li><span>开始时间：</span><em class="startTime"></em> 08:30</li>
			<li><span>结束时间：</span><em class="endTime"></em> 22:00</li>
			<li><span>审批流程：</span>共1步 <span class="look">查看></span></li>
			<li><span>紧急联系人：</span>17676528045</li>
			<li><span>请假原因：</span>今天没课，回家一趟</li>
			<li><span>发起位置：</span>中国广东省广州市天河区渔兴路45号</li>
			<li><span>抄送人：</span>无</li>
			<li><span>目的地：</span>广东省/广州市/天河区/石牌街道市头大街15号</li>
		</ul>
		<p>本人承诺填写的信息真实有效，并对本次提交请假申请的信息真实性负责。</p>

		<div class="allTime">
			1天13小时30分钟
		</div>
	</div>

	<!-- 间隔 -->
	<div class="jiange"></div>

	<!-- 审批流程 -->
	<div id="flow">
		<h6>审批流程记录</h6>
		<div class="flowRow clearfix">
			<div class="flowCol">
				<span class="iconfont iconbig-circle"></span>
			</div>
			<div class="flowCol">
				<span>王栖梧 - 发起申请</span>
			</div>
			<div class="flowCol">
				<span><em class="startTime"></em> 08:35</span>
			</div>
		</div>
		<div class="flowRow clearfix">
			<span></span>
		</div>
		<div class="flowRow clearfix">
			<div class="flowCol">
				<span class="iconfont iconbig-circle"></span>
			</div>
			<div class="flowCol">
				<span>一级：[信息工程学院辅导员]许焕坚 - 审批<em class="green">通过</em>(逾期处理)</span>
			</div>
			<div class="flowCol">
				<span><em class="startTime"></em> 10:08</span>
			</div>
		</div>
		<div class="advice">审批意见：无</div>
	</div>

	<!-- 间隔 -->
	<div class="jiange three"></div>

	<!-- 销假 -->
	<div class="xiaojia">
		<ul>
			<li>转发</li>
			<li>申请请假</li>
			<li class="blue-bg">去销假</li>
		</ul>
	</div>

	<!-- 核验二维码 -->
	<div id="inspect">
		<div class="insp-box">
			<div class="ewm-img">
				<img src="imgs/erweima.png" alt="">
			</div>
			<span>请使用辅导猫扫码核验请假单真伪</span>
		</div>

		<div class="insTime">
			<!-- 当前时间:2021-03-01
			<span>10</span>
			<span>20</span>
			<span>30</span> -->
		</div>
	</div>

	<!-- 个人信息详情 -->
	<div id="mine">
		<div class="m-model">
			<span class="iconfont iconguanbi"></span>
			<h6>个人信息</h6>
			<ul class="m-info">
				<li>姓名： 王栖梧</li>
				<li>学号： 1906030150</li>
				<li>性别： 男</li>
				<li>年级： 2019</li>
				<li>学院： 信息工程学院</li>
				<li>专业： 计算机应用技术</li>
				<li>班级： 2019级计算机应用技术A班</li>
			</ul>
		</div>
	</div>

	<!-- 销假规则说明 -->
	<div id="explain">
		<span class="iconfont iconguanbi"></span>
		<div class="ex-model">
			<div class="ex-top">
				<h6>销假规则说明</h6>
				<span>· 开启时间：<em class="lookTime"></em> 15:16:40</span>
				<span>· 操作人：施键</span>
			</div>
			<div class="bottom">
				<span class="close">知道了</span>
			</div>
		</div>
	</div>

	<!-- 审批流程模态框 -->
	<div id="flow-model">
		<div class="fl-w">
			<div class="fl-top">
				<h6>审批流程</h6>
				<div class="fl">
					<span class="iconfont iconbig-circle"></span>
					<span>一级审批人</span>
					<div>
						<span></span>
						<span>[分组]信息工程学院辅导员</span>
					</div>
				</div>
			</div>
			<div class="bottom">
				<span class="close">知道了</span>
			</div>
		</div>
	</div>



	<script src="js/jquery-3.5.1.min.js"></script>
	<script src="js/index.js"></script>
</body>

</html>